<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--标签的语法-->
    <!--1.标签名必须写在一对尖括号的内部-->
    <!--2.标签分为单标签和双标签，双标签必须成对出现，有开始标签和结束标签-->
    <!--3.结束标签必须有关闭符号/-->
    <!--4.根据标签内部存放内容的不同，将不同的标签划分为两个级别-->

    <!--例：-->
    <h1>存放内容的地方</h1>




    <!--标签的属性-->
    <!--给标签加上某个属性，就相当于给标签赋予了某种职能，前提是标签必须具备这些职能-->

    <!--例：-->
    <a href="#">我是a标签</a> <!--我有超链接属性-->
    <a>我是a标签</a> <!--我没有超链接属性-->
    <!--赋予职能的前提是标签必须具备这些职能-->
    <p href="#">我是p标签</p> <!--虽然写了属性，但是p标签不具备这样的职能-->
    <!--实例：-->
    <a href="www.baidu.com" title="我是title">我是百度的链接</a>




    <!--标签之间对空白，换行，缩进不敏感-->
    <!--文字之间的位置并不是根据你写的位置来决定的，而是根据标签的种类决定-->

    <!--例：-->
    <p>文字</p> <p>文字</p>
    <span>我是span</span>
    <span>我是span</span>
    <!--嵌套规则-->
    <div>
        <p>我是p标签</p>
    </div>
    <!--不认嵌套的情况-->
    <p>
        <p>我是p标签</p>
    </p>

    <!--空白折叠现象-->
    <p>
        <!-- 两个单词之间相距很远 -->
        <!-- 在浏览器中打开时，空格被折叠 -->
        hello          world
        <!--使用单标签br换行-->
        <br>
        <!-- 如果需要写多个空格，使用字符实体&nbsp; -->
        hello&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;world
    </p>

</body>
</html>